<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://www.unpkg.com/ew-color-picker/dist/ew-color-picker.min.css">
    <!-- <link rel="stylesheet" href="../dist/ew-color-picker.min.css"> -->
    <title>color demo</title>
</head>
<body>
    <div></div>
</body>
<script src="https://www.unpkg.com/ew-color-picker/dist/ew-color-picker.min.js"></script>
<!-- <script src="../dist/ew-color-picker.js"></script> -->
<script>
    const color = new ewColorPicker({
        el:"div",
        predefineColor:[
            "#2396ef",
            "#fff",
            "rgba(134,11,12,1)",
            "rgba(1,11,12,.6)",
            {
                color:"#666",
                disabled:true
            }
        ],
        alpha:true,
        // hue:false,
        defaultColor:"#123",
        changeBoxByChangeColor:false
    });
</script>
</html>